{% extends "@XiaoZhu/base/base.html.twig" %}

{% block site_css %}
    <!-- Global styles START -->
    <link href="{{ asset("bundles/xiaozhu/plugins/font-awesome/css/font-awesome.min.css") }}" rel="stylesheet"
          type="text/css">
    <link href="{{ asset("bundles/xiaozhu/plugins/bootstrap/css/bootstrap.css") }}" rel="stylesheet" type="text/css">
    <!-- Global styles END -->

    <!-- Page level plugin styles START -->
    <link href="{{ asset("bundles/xiaozhu/plugins/fancybox/source/jquery.fancybox.css") }}" rel="stylesheet">
    <link href="{{ asset("bundles/xiaozhu/plugins/bxslider/jquery.bxslider.css") }}" rel="stylesheet">
    <link rel="stylesheet" href="{{ asset("bundles/xiaozhu/plugins/layerslider/css/layerslider.css") }}"
          type="text/css">
    <!-- Page level plugin styles END -->

    <!-- Theme styles START -->
    <link href="{{ asset("bundles/xiaozhu/css/style-metronic.css") }}" rel="stylesheet" type="text/css">
    <link href="{{ asset("bundles/xiaozhu/css/style.css") }}" rel="stylesheet" type="text/css">
    <link href="{{ asset("bundles/xiaozhu/css/style-responsive.css") }}" rel="stylesheet" type="text/css">
    <link href="{{ asset("bundles/xiaozhu/css/custom.css") }}" rel="stylesheet" type="text/css">
    <!-- Theme styles END -->
{% endblock %}

{% block site_js %}
    <!--[if lt IE 9]>
    <script src="assets/plugins/respond.min.js"></script>
    <![endif]-->
    <script src="{{ asset("bundles/xiaozhu/plugins/jquery-1.10.2.min.js") }}" type="text/javascript"></script>
    <script src="{{ asset("bundles/xiaozhu/plugins/jquery-migrate-1.2.1.min.js") }}" type="text/javascript"></script>
    <script src="{{ asset("bundles/xiaozhu/plugins/bootstrap/js/bootstrap.min.js") }}" type="text/javascript"></script>
    <script type="text/javascript" src="{{ asset("bundles/xiaozhu/plugins/back-to-top.js") }}"></script>
    <script type="text/javascript" src="{{ asset("bundles/xiaozhu/plugins/jQuery-slimScroll/jquery.slimscroll.min.js") }}"></script>
    <!-- END CORE PLUGINS -->

    <!-- BEGIN PAGE LEVEL JAVASCRIPTS (REQUIRED ONLY FOR CURRENT PAGE) -->
    <script type="text/javascript" src="{{ asset("bundles/xiaozhu/plugins/fancybox/source/jquery.fancybox.pack.js") }}"></script><!-- pop up -->
    <script type="text/javascript" src="{{ asset("bundles/xiaozhu/plugins/bxslider/jquery.bxslider.min.js") }}"></script><!-- slider for products -->
    <script type="text/javascript" src="{{ asset("bundles/xiaozhu/plugins/zoom/jquery.zoom.min.js") }}"></script><!-- product zoom -->
    <script src="{{ asset("bundles/xiaozhu/plugins/bootstrap-touchspin/bootstrap.touchspin.js") }}" type="text/javascript"></script><!-- Quantity -->

    <!-- BEGIN LayerSlider -->
    <script src="{{ asset("bundles/xiaozhu/plugins/layerslider/jQuery/jquery-easing-1.3.js") }}" type="text/javascript"></script>
    <script src="{{ asset("bundles/xiaozhu/plugins/layerslider/jQuery/jquery-transit-modified.js") }}" type="text/javascript"></script>
    <script src="{{ asset("bundles/xiaozhu/plugins/layerslider/js/layerslider.transitions.js") }}" type="text/javascript"></script>
    <script src="{{ asset("bundles/xiaozhu/plugins/layerslider/js/layerslider.kreaturamedia.jquery.js") }}" type="text/javascript"></script>
    <!-- END LayerSlider -->

    <script type="text/javascript" src="{{ asset("bundles/xiaozhu/scripts/app.js") }}"></script>
    <script type="text/javascript" src="{{ asset("bundles/xiaozhu/scripts/index.js") }}"></script>

    <script src="{{ asset("bundles/xiaozhu/plugins/jquery.cookie.js") }}" type="text/javascript"></script>
    <script type="text/javascript" src="{{ asset("bundles/xiaozhu/scripts/custom.js") }}"></script>
    <script type="text/javascript">
        jQuery(document).ready(function() {
            App.init();
            App.initBxSlider();
            Index.initLayerSlider();
            App.initImageZoom();
            App.initTouchspin();
        });
    </script>
{% endblock %}

{% block pre_header %}
    <div class="pre-header">
        <div class="container">
            <div class="row">
                <!-- BEGIN TOP BAR LEFT PART -->
                <div class="col-md-6 col-sm-6 additional-shop-info">
                    <ul class="list-unstyled list-inline">
                        <li><i class="fa fa-phone"></i><span>{{ site.phone }}</span></li>
                        {% if tmp.logout==true %}
                            <li><a href="{{ path("AccReg") }}">免费注册</a></li>
                            <li><a href="{{ path("AccLogin") }}">登录</a></li>
                        {% else %}
                            <li><a href="#">{{ tmp.username }}</a></li>
                            <li><a href="{{ path("AccLogout") }}">注销</a></li>
                        {% endif %}
                    </ul>
                </div>
                <!-- END TOP BAR LEFT PART -->
                <!-- BEGIN TOP BAR MENU -->
                <div class="col-md-6 col-sm-6 additional-nav">
                    <ul class="list-unstyled list-inline pull-right">
                        <li><a href="#">我的账户</a></li>
                        <li><a href="#">我的收藏</a></li>
                        <li><a href="{{ path("cartInfo") }}"><i class="glyphicon glyphicon-shopping-cart"></i> 购物车</a></li>
                        <li><a href="#">网站导航</a></li>
                    </ul>
                </div>
                <!-- END TOP BAR MENU -->
            </div>
        </div>
    </div>
{% endblock %}

{% block navigation %}
    <div role="navigation" class="navbar header no-margin">
        <div class="container">
            <div class="navbar-header">
                <!-- BEGIN RESPONSIVE MENU TOGGLER -->
                <button data-target=".navbar-collapse" data-toggle="collapse" class="navbar-toggle" type="button">
                    <span class="sr-only">手机导航</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <!-- END RESPONSIVE MENU TOGGLER -->
                <a href="{{ path("shophome") }}" class="navbar-brand"><img
                            src="{{ asset("bundles/xiaozhu/img/xz_logo.png") }}" alt="小主logo"></a><!-- LOGO -->
            </div>
            <!-- BEGIN CART -->
            <div class="cart-block">
                <div class="cart-info">
                    <a href="javascript:void(0);" class="cart-info-count"><span style="color: #333;" class="cart_total_num">{{ tmp.count }}</span> 件</a>
                    <a href="javascript:void(0);" class="cart-info-value">&yen; <span class="cart_total_price">{{ tmp.money }}</span></a>
                </div>
                <i class="fa fa-shopping-cart"></i>
                <!-- BEGIN CART CONTENT -->
                <div class="cart-content-wrapper">
                    <div class="cart-content">
                        <ul id="cart_row_box" class="scroller" style="height: 250px;">
                            {% for product in tmp.good %}
                                <li class="cart_row_{{ product.basic.id }}">
                                    <a href="{{ path("shophome") }}">
                                        <img src="{{ asset(product.show.cover) }}"
                                          alt="{{ product.basic.name }}"
                                          width="37"
                                          height="34"
                                          style="width: 37px;height: 34px;"
                                          >
                                    </a>
                                    <span class="cart-content-count">x <b>{{ product.num }}</b></span>
                                    <strong><a href="item.html">{{ product.basic.name }}</a></strong>
                                    <em>&yen; <b>{{ product.total }}</b></em>
                                    <a href="javascript:removeFromCart({{ product.basic.id }});" class="del-goods"><i class="fa fa-times"></i></a>
                                </li>
                            {% endfor %}
                        </ul>
                        <div class="text-right">
                            <a href="{{ path("cartInfo") }}" class="btn btn-default">查看购物车</a>
                            <a href="checkout.html" class="btn btn-primary">结算</a>
                        </div>
                    </div>
                </div>
                <!-- END CART CONTENT -->
            </div>
            <!-- END CART -->
            <!-- BEGIN NAVIGATION -->
            <div class="collapse navbar-collapse mega-menu">
                <ul class="nav navbar-nav">
                    <li class="dropdown">
                        <a class="dropdown-toggle" data-toggle="dropdown" data-delay="0" data-close-others="true"
                           data-target="http://www.xiaozhuol.com" href="#">
                            项链
                            <i class="fa fa-angle-down"></i>
                        </a>
                        <!-- BEGIN DROPDOWN MENU -->
                        <ul class="dropdown-menu" aria-labelledby="mega-menu">
                            <li>
                                <div class="nav-content">
                                    <!-- BEGIN DROPDOWN MENU - COLUMN -->
                                    <div class="nav-content-col">
                                        <h3>镶嵌材质</h3>
                                        <ul>
                                            {% for attr in cat.cat1.attr1 %}
                                                <li><a href="product-list.html">{{ attr }}</a></li>
                                            {% endfor %}
                                        </ul>
                                    </div>
                                    <!-- END DROPDOWN MENU - COLUMN -->
                                    <!-- BEGIN DROPDOWN MENU - COLUMN -->
                                    <div class="nav-content-col">
                                        <h3>项坠图案</h3>
                                        <ul>
                                            {% for attr in cat.cat1.attr2 %}
                                                <li><a href="product-list.html">{{ attr }}</a></li>
                                            {% endfor %}
                                        </ul>
                                    </div>
                                    <!-- END DROPDOWN MENU - COLUMN -->
                                    <!-- BEGIN DROPDOWN MENU - COLUMN -->
                                    <div class="nav-content-col">
                                        <h3>价格区间</h3>
                                        <ul>
                                            {% for attr in cat.cat1.attr3 %}
                                                <li><a href="product-list.html">{{ attr }}</a></li>
                                            {% endfor %}
                                        </ul>
                                    </div>
                                    <!-- END DROPDOWN MENU - COLUMN -->
                                    <!-- BEGIN DROPDOWN MENU - BRANDS -->
                                    <div class="nav-brands">
                                        <ul>
                                            {% for band in cat.cat1.bands %}
                                                <li><a href="product-list.html"><img title="esprit" alt="esprit"
                                                                                     src="{{ asset(band) }}"></a></li>
                                            {% endfor %}
                                        </ul>
                                    </div>
                                    <!-- END DROPDOWN MENU - BRANDS -->
                                </div>
                            </li>
                        </ul>
                        <!-- END DROPDOWN MENU -->
                    </li>
                    <li class="dropdown">
                        <a class="dropdown-toggle" data-toggle="dropdown" data-delay="0" data-close-others="true"
                           data-target="#" href="#">
                            耳坠
                            <i class="fa fa-angle-down"></i>
                        </a>
                        <!-- BEGIN DROPDOWN MENU -->
                        <ul class="dropdown-menu" aria-labelledby="mega-menu">
                            <li>
                                <div class="nav-content">
                                    <!-- BEGIN DROPDOWN MENU - COLUMN -->
                                    <div class="nav-content-col">
                                        <h3>图案/形状</h3>
                                        <ul>
                                            {% for attr in cat.cat2.attr1 %}
                                                <li><a href="product-list.html">{{ attr }}</a></li>
                                            {% endfor %}
                                        </ul>
                                    </div>
                                    <!-- END DROPDOWN MENU - COLUMN -->
                                    <!-- BEGIN DROPDOWN MENU - COLUMN -->
                                    <div class="nav-content-col">
                                        <h3>款式</h3>
                                        <ul>
                                            {% for attr in cat.cat2.attr2 %}
                                                <li><a href="product-list.html">{{ attr }}</a></li>
                                            {% endfor %}
                                        </ul>
                                    </div>
                                    <!-- END DROPDOWN MENU - COLUMN -->
                                    <!-- BEGIN DROPDOWN MENU - COLUMN -->
                                    <div class="nav-content-col">
                                        <h3>价格区间</h3>
                                        <ul>
                                            {% for attr in cat.cat1.attr3 %}
                                                <li><a href="product-list.html">{{ attr }}</a></li>
                                            {% endfor %}
                                        </ul>
                                    </div>
                                    <!-- END DROPDOWN MENU - COLUMN -->
                                    <!-- BEGIN DROPDOWN MENU - BRANDS -->
                                    <div class="nav-brands">
                                        <ul>
                                            {% for band in cat.cat1.bands %}
                                                <li><a href="product-list.html"><img title="esprit" alt="esprit"
                                                                                     src="{{ asset(band) }}"></a></li>
                                            {% endfor %}
                                        </ul>
                                    </div>
                                    <!-- END DROPDOWN MENU - BRANDS -->
                                </div>
                            </li>
                        </ul>
                        <!-- END DROPDOWN MENU -->
                    </li>
                    <li class="dropdown">
                        <a class="dropdown-toggle" data-toggle="dropdown" data-delay="0" data-close-others="true"
                           data-target="#" href="#">
                            头饰
                            <i class="fa fa-angle-down"></i>
                        </a>
                        <!-- BEGIN DROPDOWN MENU -->
                        <ul class="dropdown-menu" aria-labelledby="mega-menu">
                            <li>
                                <div class="nav-content">
                                    <!-- BEGIN DROPDOWN MENU - COLUMN -->
                                    <div class="nav-content-col">
                                        <h3>颜色</h3>
                                        <ul>
                                            {% for attr in cat.cat3.attr1 %}
                                                <li><a href="product-list.html">{{ attr }}</a></li>
                                            {% endfor %}
                                        </ul>
                                    </div>
                                    <!-- END DROPDOWN MENU - COLUMN -->
                                    <!-- BEGIN DROPDOWN MENU - COLUMN -->
                                    <div class="nav-content-col">
                                        <h3>款式</h3>
                                        <ul>
                                            {% for attr in cat.cat3.attr2 %}
                                                <li><a href="product-list.html">{{ attr }}</a></li>
                                            {% endfor %}
                                        </ul>
                                    </div>
                                    <!-- END DROPDOWN MENU - COLUMN -->
                                    <!-- BEGIN DROPDOWN MENU - COLUMN -->
                                    <div class="nav-content-col">
                                        <h3>价格区间</h3>
                                        <ul>
                                            {% for attr in cat.cat1.attr3 %}
                                                <li><a href="product-list.html">{{ attr }}</a></li>
                                            {% endfor %}
                                        </ul>
                                    </div>
                                    <!-- END DROPDOWN MENU - COLUMN -->
                                    <!-- BEGIN DROPDOWN MENU - BRANDS -->
                                    <div class="nav-brands">
                                        <ul>
                                            {% for band in cat.cat1.bands %}
                                                <li><a href="product-list.html"><img title="esprit" alt="esprit"
                                                                                     src="{{ asset(band) }}"></a></li>
                                            {% endfor %}
                                        </ul>
                                    </div>
                                    <!-- END DROPDOWN MENU - BRANDS -->
                                </div>
                            </li>
                        </ul>
                        <!-- END DROPDOWN MENU -->
                    </li>
                    <li class="dropdown">
                        <a class="dropdown-toggle" data-toggle="dropdown" data-delay="0" data-close-others="true"
                           data-target="#" href="#">
                            用途
                            <i class="fa fa-angle-down"></i>
                        </a>
                        <!-- BEGIN DROPDOWN MENU -->
                        <ul class="dropdown-menu" aria-labelledby="mega-menu">
                            <li>
                                <div class="nav-content">
                                    <!-- BEGIN DROPDOWN MENU - COLUMN -->
                                    <div class="nav-content-col">
                                        <h3>送情侣</h3>
                                        <ul>
                                            {% for attr in cat.cat4.attr1 %}
                                                <li><a href="product-list.html">{{ attr }}</a></li>
                                            {% endfor %}
                                        </ul>
                                    </div>
                                    <!-- END DROPDOWN MENU - COLUMN -->
                                    <!-- BEGIN DROPDOWN MENU - COLUMN -->
                                    <div class="nav-content-col">
                                        <h3>送朋友</h3>
                                        <ul>
                                            {% for attr in cat.cat4.attr2 %}
                                                <li><a href="product-list.html">{{ attr }}</a></li>
                                            {% endfor %}
                                        </ul>
                                    </div>
                                    <!-- END DROPDOWN MENU - COLUMN -->
                                    <!-- BEGIN DROPDOWN MENU - COLUMN -->
                                    <div class="nav-content-col">
                                        <h3>价格区间</h3>
                                        <ul>
                                            {% for attr in cat.cat1.attr3 %}
                                                <li><a href="product-list.html">{{ attr }}</a></li>
                                            {% endfor %}
                                        </ul>
                                    </div>
                                    <!-- END DROPDOWN MENU - COLUMN -->
                                    <!-- BEGIN DROPDOWN MENU - BRANDS -->
                                    <div class="nav-brands">
                                        <ul>
                                            {% for band in cat.cat1.bands %}
                                                <li><a href="product-list.html"><img title="esprit" alt="esprit"
                                                                                     src="{{ asset(band) }}"></a></li>
                                            {% endfor %}
                                        </ul>
                                    </div>
                                    <!-- END DROPDOWN MENU - BRANDS -->
                                </div>
                            </li>
                        </ul>
                        <!-- END DROPDOWN MENU -->
                    </li>
                    <li class="dropdown">
                        <a class="dropdown-toggle" data-toggle="dropdown" data-delay="0" data-close-others="true"
                           data-target="#" href="#">
                            品牌
                            <i class="fa fa-angle-down"></i>
                        </a>
                        <!-- BEGIN DROPDOWN MENU -->
                        <ul class="dropdown-menu" aria-labelledby="mega-menu">
                            <li>
                                <div class="nav-content">
                                    <!-- BEGIN DROPDOWN MENU - COLUMN -->
                                    <div class="nav-content-col">
                                        {#<h3>链子</h3>#}
                                        <ul>
                                            {% for attr in cat.cat5.attr1 %}
                                                <li><a href="product-list.html">{{ attr }}</a></li>
                                            {% endfor %}
                                        </ul>
                                    </div>
                                    <!-- END DROPDOWN MENU - COLUMN -->
                                    <!-- BEGIN DROPDOWN MENU - COLUMN -->
                                    <div class="nav-content-col">
                                        {#<h3></h3>#}
                                        <ul>
                                            {% for attr in cat.cat5.attr2 %}
                                                <li><a href="product-list.html">{{ attr }}</a></li>
                                            {% endfor %}
                                        </ul>
                                    </div>
                                    <!-- END DROPDOWN MENU - COLUMN -->
                                    <!-- BEGIN DROPDOWN MENU - COLUMN -->
                                    <div class="nav-content-col">
                                        {#<h3>Accessories</h3>#}
                                        <ul>
                                            {% for attr in cat.cat5.attr1 %}
                                                <li><a href="product-list.html">{{ attr }}</a></li>
                                            {% endfor %}
                                        </ul>
                                    </div>
                                    <!-- END DROPDOWN MENU - COLUMN -->
                                    <!-- BEGIN DROPDOWN MENU - BRANDS -->
                                    <div class="nav-brands">
                                        <ul>
                                            {% for band in cat.cat1.bands %}
                                                <li><a href="product-list.html"><img title="esprit" alt="esprit"
                                                                                     src="{{ asset(band) }}"></a></li>
                                            {% endfor %}
                                        </ul>
                                    </div>
                                    <!-- END DROPDOWN MENU - BRANDS -->
                                </div>
                            </li>
                        </ul>
                        <!-- END DROPDOWN MENU -->
                    </li>
                    <li class="dropdown">
                        <a class="dropdown-toggle" data-toggle="dropdown" data-delay="0" data-close-others="true"
                           data-target="#" href="#">
                            活动
                            <i class="fa fa-angle-down"></i>
                        </a>
                        <!-- BEGIN DROPDOWN MENU -->
                        <ul class="dropdown-menu">
                            <li class="dropdown-submenu">
                                <a href="product-list.html">主题活动 <i class="fa fa-angle-right"></i></a>
                                <ul class="dropdown-menu">
                                    <li><a href="product-list.html">活动内容</a></li>
                                    <li><a href="product-list.html">活动规则</a></li>
                                    <li class="dropdown-submenu">
                                        <a href="product-list.html">活动地点 <i class="fa fa-angle-right"></i></a>
                                        <ul class="dropdown-menu">
                                            <li><a href="product-list.html">东营</a></li>
                                            <li><a href="product-list.html">北京</a></li>
                                            <li><a href="product-list.html">上海</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                            <li><a href="product-list.html">促销活动</a></li>
                            <li><a href="product-list.html">积分换购活动</a></li>
                            <li><a href="product-list.html">开张特惠</a></li>
                        </ul>
                        <!-- END DROPDOWN MENU -->
                    </li>
                    <!-- BEGIN TOP SEARCH -->
                    <li class="menu-search">
                        <span class="sep"></span>
                        <i class="fa fa-search search-btn"></i>

                        <div class="search-box">
                            <form action="#">
                                <div class="input-group">
                                    <input type="text" placeholder="Search" class="form-control">
                                    <span class="input-group-btn">
                                        <button class="btn btn-primary" type="submit">搜索</button>
                                    </span>
                                </div>
                            </form>
                        </div>
                    </li>
                    <!-- END TOP SEARCH -->
                </ul>
            </div>
            <!-- END NAVIGATION -->
        </div>
    </div>
{% endblock %}

{% block footer_step %}
    <div class="steps3 steps3red">
        <div class="container">
            <div class="row">
                <div class="col-md-4 steps3-col">
                    <i class="fa fa-truck"></i>

                    <div>
                        <h3>快速物流</h3>
                        <em>3天内送货上门</em>
                    </div>
                    <span>&nbsp;</span>
                </div>
                <div class="col-md-4 steps3-col">
                    <i class="fa fa-gift"></i>

                    <div>
                        <h3>神秘礼物</h3>
                        <em>幸运的客户可以得到神秘礼物</em>
                    </div>
                    <span>&nbsp;</span>
                </div>
                <div class="col-md-4 steps3-col">
                    <i class="fa fa-phone"></i>

                    <div>
                        <h3>0546 398 5888</h3>
                        <em>24小时客户服务中心</em>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}

{% block pre_footer %}
    <div class="pre-footer">
        <div class="container">
            <div class="row">
                <!-- BEGIN BOTTOM ABOUT BLOCK -->
                <div class="col-md-3 col-sm-6 pre-footer-col">
                    <h2>关于我们</h2>

                    <p>山东易秒网络科技有限公司成立于2015年10月，注册资金人民币5000万元，现有员工50多人，其中专业人才12人。公司以专业技术平台为支持，卓越的服务品质、用户端超级体验为宗旨。 </p>

                    <p>公司以平台为载体，以整合为基础，垂直模式为根本。依托自身丰富的品牌、人才资源，通过规范化、规模化运营，构建一个多元素、多功能、生态化、开放、公平、公正、诚信的电商平台。</p>
                </div>
                <!-- END BOTTOM ABOUT BLOCK -->
                <!-- BEGIN BOTTOM INFO BLOCK -->
                <div class="col-md-3 col-sm-6 pre-footer-col" style="padding-left: 5%">
                    <h2>公司信息</h2>
                    <ul class="list-unstyled">
                        {%  for page in foot_pages %}
                            <li><i class="fa fa-angle-right"></i> <a href="{{ path('showPage',{'id':page.id}) }}">{{ page.name }}</a></li>
                        {% endfor %}
                    </ul>
                </div>
                <!-- END INFO BLOCK -->
                <!-- BEGIN TWITTER BLOCK -->
                <div class="col-md-3 col-sm-6 pre-footer-col">
                    <h2>公司新闻</h2>
                    {%  for page in foot_news %}
                        <dl class="dl-horizontal f-twitter">
                            <dt><i class="fa fa-twitter"></i></dt>
                            <dd>
                                <a href="{{ path('showNews',{'id':page.id}) }}">{{ page.title }}</a><br>
                                {{ page.introduction }}
                                <span>{{ page.updateTime | date("Y/m/d") }}</span>
                            </dd>
                        </dl>
                    {% endfor %}

                    {#<dl class="dl-horizontal f-twitter">#}
                        {#<dt><i class="fa fa-twitter"></i></dt>#}
                        {#<dd>#}
                            {#<a href="#">新浪网</a>#}
                            {#荣获中国创新模式#}
                            {#<span>3天前</span>#}
                        {#</dd>#}
                    {#</dl>#}
                    {#<dl class="dl-horizontal f-twitter">#}
                        {#<dt><i class="fa fa-twitter"></i></dt>#}
                        {#<dd>#}
                            {#<a href="#">东营网</a>#}
                            {#祝贺山东易秒网络科技有限公司荣获两奖#}
                            {#<span>3天前</span>#}
                        {#</dd>#}
                    {#</dl>#}
                </div>
                <!-- END TWITTER BLOCK -->
                <!-- BEGIN BOTTOM CONTACTS -->
                <div class="col-md-3 col-sm-6 pre-footer-col">
                    <h2>联系我们</h2>
                    <address class="margin-bottom-40">
                        山东省，东营市<br>
                        经济技术开发区府前大街金融大厦<br>
                        电话: 0546—3985888<br>
                        传真: 0546—3985888<br>
                        邮箱: <a href="mailto:info@metronic.com">emiaol@126.com</a><br>
                    </address>
                </div>
                <!-- END BOTTOM CONTACTS -->
            </div>
        </div>
    </div>
{% endblock %}

{% block footer_bottom %}
    <div class="footer padding-top-15">
        <div class="container">
            <div class="row">
                <!-- BEGIN COPYRIGHT -->
                <div class="col-md-6 col-sm-6 padding-top-10">
                    2016 © 易秒网络科技. 版权所有.
                </div>
                <!-- END COPYRIGHT -->
                <!-- BEGIN PAYMENTS -->
                <div class="col-md-6 col-sm-6">
                    <ul class="list-unstyled list-inline pull-right margin-bottom-15">
                        <li><img src="{{ asset("bundles/xiaozhu/img/payments/western-union.jpg") }}"
                                 alt="We accept Western Union" title="We accept Western Union"></li>
                        <li><img src="{{ asset("bundles/xiaozhu/img/payments/american-express.jpg") }}"
                                 alt="We accept American Express" title="We accept American Express"></li>
                        <li><img src="{{ asset("bundles/xiaozhu/img/payments/MasterCard.jpg") }}"
                                 alt="We accept MasterCard" title="We accept MasterCard"></li>
                        <li><img src="{{ asset("bundles/xiaozhu/img/payments/PayPal.jpg") }}" alt="We accept PayPal"
                                 title="We accept PayPal"></li>
                        <li><img src="{{ asset("bundles/xiaozhu/img/payments/visa.jpg") }}" alt="We accept Visa"
                                 title="We accept Visa"></li>
                    </ul>
                </div>
                <!-- END PAYMENTS -->
            </div>
        </div>
    </div>
{% endblock %}

{% block product_pop_up %}
    {#{% for product in products %}#}
        {#<div id="product-pop-up-{{ product.id }}" style="display: none; width: 700px;">#}
            {#<div class="product-page product-pop-up">#}
                {#<div class="row">#}
                    {#<div class="col-md-6 col-sm-6 col-xs-3">#}
                        {#<div class="product-main-image">#}
                            {#<img src="{{ asset(product.cover) }}" alt="Cool green dress with red bell" class="img-responsive">#}
                        {#</div>#}
                        {#<div class="product-other-images">#}
                            {#<a href="#" class="active"><img alt="Berry Lace Dress" src="{{ asset(product.cover) }}"></a>#}
                            {#<a href="#"><img alt="Berry Lace Dress" src="{{ asset(product.cover) }}"></a>#}
                            {#<a href="#"><img alt="Berry Lace Dress" src="{{ asset(product.cover) }}"></a>#}
                        {#</div>#}
                    {#</div>#}
                    {#<div class="col-md-6 col-sm-6 col-xs-9">#}
                        {#<h1>{{ product.name }}</h1>#}
                        {#<div class="price-availability-block clearfix">#}
                            {#<div class="price">#}
                                {#<strong><span>&yen;</span>{{ product.price }}</strong>#}
                                {#<em>&yen;<span>{{ product.price + 50}}</span></em>#}
                            {#</div>#}
                            {#<div class="availability">#}
                                {#是否有货: <strong>有货</strong>#}
                            {#</div>#}
                        {#</div>#}
                        {#<div class="description">#}
                            {#<p>这个地方是产品的简短介绍</p>#}
                        {#</div>#}
                        {#<div class="product-page-options">#}
                            {#<div class="pull-left">#}
                                {#<label class="control-label">大小:</label>#}
                                {#<select class="form-control input-sm">#}
                                    {#<option>L</option>#}
                                    {#<option>M</option>#}
                                    {#<option>XL</option>#}
                                {#</select>#}
                            {#</div>#}
                            {#<div class="pull-left">#}
                                {#<label class="control-label">颜色:</label>#}
                                {#<select class="form-control input-sm">#}
                                    {#<option>Red</option>#}
                                    {#<option>Blue</option>#}
                                    {#<option>Black</option>#}
                                {#</select>#}
                            {#</div>#}
                        {#</div>#}
                        {#<div class="product-page-cart">#}
                            {#<div class="product-quantity">#}
                                {#<input id="product-quantity" type="text" value="1" readonly name="product-quantity" class="form-control input-sm">#}
                            {#</div>#}
                            {#<button class="btn btn-primary" type="submit">添加到购物车</button>#}
                            {#<button class="btn btn-default" type="submit">更多细节</button>#}
                        {#</div>#}
                    {#</div>#}

                    {#<div class="sticker sticker-sale"></div>#}
                {#</div>#}
            {#</div>#}
        {#</div>#}
    {#{% endfor %}#}

{% endblock %}


